<div class="cart_content">
  <!-- 计算单价 -->
  <div class="cart_info">
    <h2>购物车</h2>
    <div class="p_number">
      <div class="p_number_left">
        <p>用餐人数: {{orderInfo.personNum}}</p>
        <p *ngIf="orderInfo.remark">备注:{{orderInfo.remark}}</p>
        <p *ngIf="!orderInfo.remark">备注:无</p>
      </div>
      <div class="p_number_right">
        <a routerLink='/editpeopleinfo'>
          <img src="https://an-jia-shop.oss-cn-shenzhen.aliyuncs.com/order_goods/edit.png" />
          <p>修改</p>
        </a>
      </div>
    </div>
    <div class="cart_p_num">
      <p>购物车中总共有{{allNum}}个菜</p>
      <p>合计：<span class="price">{{allPrice | currency: '￥'}}</span></p>
    </div>
  </div>
  <!-- 购物车列表 -->
  <div class="cart_list">
    <ul>
      <li class="item" *ngFor="let item of cartList;let key=index;">
        <div class="left_food">
          <img [src]="item.goodsImg" />
          <div class="food_info">
            <p>{{item.title}}</p>
            <p class="price">{{item.shopPrice | currency: '￥'}}</p>
          </div>
        </div>
        <div class="right_cart">
          <div class="cart_num">
            <div class="input_left" (click)="decNum(item,key)">-</div>
            <div class="input_center">
              <input type="text" readonly="readonly" [(ngModel)]="item.num" name="num" #num />
            </div>
            <div class="input_right" (click)="incNum(item)">+</div>
          </div>
        </div>
      </li>
    </ul>
  </div>
  <!-- 店上推荐 -->
  <div class="hot_food">
    <h3>本店顾客最长点的菜</h3>
    <div class="item_list_outer">
      <ul class="item_list">
        <li>
          <div class="inner">
            <img src="https://an-jia-shop.oss-cn-shenzhen.aliyuncs.com/order_goods/1580540130399772.jpg" />
            <p class="title">香干炒肉</p>
            <p class="price">¥38.1</p>
          </div>
        </li>
      </ul>
    </div>
  </div>
</div>

<!-- 底部弧形导航菜单 -->
<app-navfooter></app-navfooter>

<div id="footer_book" class="footer_book">
  <a routerLink='/home'>
    <img src="https://an-jia-shop.oss-cn-shenzhen.aliyuncs.com/order_goods/menu.png" />
    <p>菜单</p>
  </a>
</div>

<div id="footer_cart" class="footer_cart" (click)="confirmOrder()">
  <img src="https://an-jia-shop.oss-cn-shenzhen.aliyuncs.com/order_goods/cart.png" />
  <p>下单</p>
</div>
